/*
  1:歌曲搜索接口
    请求地址:https://autumnfish.cn/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果
  2:歌曲url获取接口
    请求地址:https://autumnfish.cn/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
  3.歌曲详情获取
    请求地址:https://autumnfish.cn/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
  4.热门评论获取
    请求地址:https://autumnfish.cn/comment/hot?type=0
    请求方法:get
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
  5.mv地址获取
    请求地址:https://autumnfish.cn/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
*/

var app = new Vue({
    el:"#player",
    data:{
        // 查询关键字
        query:"",
        //  音乐数组
        musicList:[],
        //  音乐地址
        musicUrl:"",
        //  音乐封面
        musicCover:"",
        // 音乐评论
        hotComments:"",
        // 动画播放状态
        isPlaying:false,
        // 遮罩层显示状态
        isShow:false,
        // mv地址
        mvUrl:""
    },
    methods:{
        //歌曲搜索
        searchMusic: function() {
            var that = this;
            console.log(this.query);

            axios.get("https://autumnfish.cn/search?keywords="+this.query)
            .then(function(response) {
                // console.log(response);
                that.musicList = response.data.result.songs;
                console.log(that.musicList);
              },
              function(err) {}
            );
          },
          //歌曲播放
          playMusic:function(musicId){
            this.getMusic(musicId);
            this.getMusicCover(musicId);
            this.getMusicComment(musicId);
          },
          //获取音乐url
          getMusic:function(musicId){
            var that = this;

            axios.get("https://autumnfish.cn/song/url?id="+musicId)
            .then(function(response) {
                that.musicUrl = response.data.data[0].url;
              },function(err) {}
            );
          },
          //获取音乐封面
          getMusicCover:function(musicId) {
            var that = this;

            axios.get("https://autumnfish.cn/song/detail?ids="+musicId)
            .then(function(response) {
                that.musicCover = response.data.songs[0].al.picUrl;
              },function(err) {}
            );
          },
          //获取音乐评论
          getMusicComment:function(musicId) {
            var that = this;

            axios.get("https://autumnfish.cn/comment/hot?type=0&id="+musicId)
            .then(function(response) {
                that.hotComments = response.data.hotComments;
              },function(err) {}
            );
          },
          //播放动画
          play:function() {
            this.isPlaying = true;
          },
          pause:function() {
            this.isPlaying = false;
          },
          //播放mv
          playMV:function(mvid) {
            var that = this;

            axios.get("https://autumnfish.cn/mv/url?id="+mvid)
            .then(function(response) {
                that.isShow = true;
                that.mvUrl = response.data.data.url;
              },function(err) {}
            );
          },
          //隐藏mv
          hide:function() {
            this.isShow = false;
          }
    }
})